<template>
	<div class="content">
		<h2>内容栏目</h2>
		<div class="list">
			<router-link class="a" to="">生活</router-link>
			<router-link class="a" to="">资讯</router-link>
			<router-link class="a" to="">编程</router-link>
			<router-link class="a" to="">互联网</router-link>
			<router-link class="a" to="">科技</router-link>
		</div>
	</div>
</template>

<script>
	export default {

	}
</script>

<style scoped>
	.content {
		background: #fff;
	}

	.list::after {
		display: table;
		clear: both;
		content: "";
	}

	a {
		display: block;
		height: 40px;
		text-align: center;
		line-height: 40px;
		float: left;
		width: 49%;
		text-decoration: none;
		border-top: 1px solid black;
	}
	.a:nth-child(1){
		border-right: 1px solid black;
	}
	.a:nth-child(3){
		border-right: 1px solid black;
	}
	.a:nth-child(4){
		border-bottom: 1px solid black;
	}
	.a:nth-child(5){
		border-right: 1px solid black;
	}
</style>
